<template>
  <div class="m-order">
    <ul>
      <li v-if='cur.length'>
        <el-row
          v-for='(item,idx) in cur'
          :key='idx'
          >
            <el-col :span='4'>
              <img 
                :src="item.img"
                alt=''
                >
            </el-col>
            <el-col :span='10'>
              <h4>{{ item.name }}</h4>
              <p>数量：{{item.count}}</p>
            </el-col>
            <el-col :span='4'>
              总价：￥{{ item.total }}
            </el-col>
            <el-col :span='6'>
              {{ item.statusTxt }}
            </el-col>
          </el-row>
      </li>
      <li v-else class="empty">没有订单</li>
    </ul>
  </div>
</template>

<script>
export default {
  props:{
    cur:{
      type:Array,
      default:()=>{
        return []
      }
    }
  }
};
</script>

<style lang="scss" scoped>
  @import '@/assets/css/order/list.scss';
</style>